body {
    background-color: black;
    background-image: linear-gradient(rgba(0, 0, 0, 0.75), transparent), url(https://barotraumagame.com/baro-wiki/skins/DarkVectorBaro/images/wiki-background.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-family: "consolas";
    color: #e2d9a4;
}

header {
    text-align: center;
}

main {
    height: 480px;
    display: grid;
    grid-template-rows: 15% 80% 5%;
    font-size: large;
}

main * {
    margin: 0;
}

/* a {
    background-color: #e2d9a4;
} */

#textpanel {
    display: grid;
    grid-template-columns: 50% 50%;
}

#inputpanel {
    padding: 1%;
    display: grid;
    /* grid-template-rows: 10% 10% 80%; */
    grid-template-rows: 10% 90%;
}

#inputpanel>input {
    padding: 1%;
    background-color: rgba(0, 139, 139, 0.5);
}

#outputpanel {
    padding: 1%;
    display: grid;
    grid-template-rows: 10% 90%;
}

#input,
#output {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    font-family: "consolas";
    resize: none;
}

#controlpanel {
    text-align: right;
}

#parse,
#clear,
#save {
    width: 60px;
}